
.grid3-show {width: 32%; height:20px; background: grey;}
/*только для демонстрации сетки*/
.phormgrid {display:none;overflow:hidden;position:absolute;left:2%;width:100%;}

.phormgrid2, .phormgrid3, .phormgrid4, .phormgrid6, .phormgrid8, .phormgrid12 {display:none; position:relative; width:100%; height:100%; overflow:hidden;}
.phormgrid6 { display:block}
.phormgrid-columns {position:absolute; top:0; left:0; width:100%; height:100%;}
.phormgrid-rows {position:absolute; top:0; left:0; width:96%; height:100%;}
	.phormgrid-rows div {position:relative; width:100%; display:block; background:#ffb1b1;opacity:0.3; filter:alpha(opacity=30);}
.baseline {text-align: right; background: url(../css/img/baseline.png) bottom repeat-x; z-index:1000; margin-right:4%;}
.baseline span {font-size:11px;}

span.button input { margin:0; padding:0;}
.phormgrid_column_pad {height:100%; display:block; background:#ffb1b1;opacity:0.3; filter:alpha(opacity=30);}

#grid-options {width:100%;  font-family: Helvetica, Arial, sans-serif; font-size:12px; color:#000; line-height:normal; padding:0; /*position:fixed;  */top:0; z-index:5000; overflow:hidden;  }

#grid-options .grid {width:96%; min-width:100%; padding-top: 3px; padding-bottom:4px; background:#cbd0d2; border-bottom: 1px solid #999;
  -webkit-box-shadow: inset 0 -4px 6px #a7b2b6; 
      -moz-box-shadow: inset 0 -4px 6px #a7b2b6;
                box-shadow: inset 0 -4px 6px #a7b2b6; 
}
.grid-home{color: #3b5061; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); text-decoration: none; font-size:13px; font-weight:bold; padding: 0 3% 0 1%; display:inline; }
.grid-home:hover {color: #7b9199; }
	
.phormgrid-option { font-size:10px; padding:5px 2% 5px 2%; margin: 4px -2% 2px -2%; background:#cbd0d2;}
.phormgrid-option input { width: 35px;}
.phormgrid-option input.text2 { width: 135px;}

.set-window { position: fixed; top:180px; right:100px; background:#CCC; width:300px; display:none; padding:10px; z-index:2000;
font-family: Helvetica, Arial, sans-serif; color:#000; line-height:normal; font-size: 11px;
background: #fc0; /* Цвет фона */
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
}
.set-window div.h2 { font-size: 16px;}
.btn-clouse  { display:block; cursor:pointer; background:black; color: white; font-size:14px;padding:4px 2px 2px 2px; margin:2px 0 2px 10px; width:22px; float: right; text-align:center;}

.emdemo {height:1.5em; background:#900; width: 12%;}
.demo {background: #dfeff4; }
.blue .demo {background: #fff; }
.demo-h {background: #f4f4f4; min-height:9em;}
.grid-bg .demo { }
.demo-bg {border: 1px solid white; background: none; margin:-0.5em 0 -1em 0; padding: 0.5em 0 0.9em 0;  }

.demolay {margin: 0 -0.75em 0em -0.75em}